@use 'sass:meta';
@use '../../ag-grid-docs/documentation/src/design-system/index' as *;

@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/root');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/base');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/layout');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/typography');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/color');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/interactions');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/elements/block');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/elements/inline');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/elements/button');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/elements/form-elements');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/elements/table');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/components/containers');
@include meta.load-css('../../ag-grid-docs/documentation/src/design-system/components/code');

html {
  color-scheme: light;
}

html[data-dark-mode='true'] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html:not([data-dark-mode='false']) {
    color-scheme: dark;
  }
}
